body {
	margin: 40px;
	margin-top: 0px;
	font-family: "NugoSansLight";
	background-color: #fff;
	color: #444;
}

.box {
	border-radius: 5px;
	padding: 20px;
	background-image: url("img/bg3.png");
	color: white;
}

.wrapper {
	display: grid;
	grid-template-columns: [main-1] 1fr [main-2] 1fr [main-3] 1fr [main-4] 1fr [main-5] 1fr [main-6] 1fr [main-7] 1fr [main-8] 1fr [main-9] 1fr;
	grid-template-rows: [main-1] 4rem [main-2] 4rem [main-3] auto [main-4] auto [main-5] auto [main-6] auto [main-7] auto [main-8] auto;
	background-color: #fff;
	color: #444;
}

.darkbg {
	background-color: #444;
	color: #fff;
	border-radius: 5px;
	padding: 20px;
	font-size: 150%;
}

.darkbg .lightbg {
	background-color: #ccc;
	color: #444;
}

.a {
	display: grid;
	grid-template-columns: subgrid [sub-1] [sub-2] [sub-3] [sub-4];
	grid-template-rows: subgrid [sub-1] [sub-2];
	grid-column: main-1 / main-10;
	grid-row: 1 / 3;
	align-items: center;
}

.nav {
	font-family: "NugoSansLight";
	margin-top: 0%;
	background-image: url("img/bg3.png");
	color: white;
	padding: 10px;
	padding-left: 30px;
	border-radius: 5px;
}

.one {
	grid-row: 1;
	grid-column: main-1 / main-4;
	font-size: 210%;
}

.two {
	grid-row: 2;
	grid-column: main-1 / main-6;
	font-size: 1rem;
}

.three {
	grid-row: 1;
	grid-column: main-5 / main-6;
	text-align: center;
}

.four {
	grid-row: 1 / span 2;
	grid-column: main-7 / main-10;
	font-size: 1.2rem;
}


.b {
	grid-column: main-1 / main-4;
	grid-row: 4;
	margin-bottom: 3rem;
}

.c {
	grid-column: main-5 / main-10;
	grid-row: 4;
	margin-bottom: 3rem;
}

.d {
	grid-column: main-1 / main-4;
	grid-row: 5;
	margin-bottom: 3rem;
}

.e {
	grid-column: main-5 / main-10;
	grid-row: 5;
	margin-bottom: 3rem;
}

.f {
	grid-column: main-1 / main-10;
	grid-row: 6;
	/*
	padding-left: 15%;
	padding-right: 15%;*/
	align-content: center;
	display: grid;
}

.g {
	grid-row: 5 / 7;
	grid-column: sub-1;
}

.h {
	grid-row: 8;
	grid-column: sub-2 / main-5;
}

.i {
	grid-row: 7;
	grid-column: main-4;
}

.Leistungen {
	grid-column: main-1 / main-10;
	grid-row: 3;
}

.Leistungen1 {
	grid-column: main-1 / main-10;
	grid-row: 4;
}

.Leistungen2 {
	grid-column: main-1 / main-10;
	grid-row: 5;
}

.Leistungen3 {
	grid-column: main-1 / main-10;
	grid-row: 6;
}

.Leistungen4 {
	grid-column: main-1 / main-10;
	grid-row: 7;
}
.team5 {
	grid-column: main-1 / main-10;
	grid-row: 8;
}
.team6 {
	grid-column: main-1 / main-10;
	grid-row: 9;
}

@media screen and (max-width: 768px) {
	body {
	margin: 0px;
  	margin-top: 0px;
	margin-top: 0px;
	font-family: "NugoSansLight";
	background-color: #fff;
	color: #444;
	}

	.wrapper {
		display: grid;
		/*grid-template-columns: [main-1] auto;*/
		grid-template-columns: [main-1] auto;
		grid-template-rows: [main-1] 5rem [main-2] 5rem [main-3] 5rem [main-4] auto [main-5] auto [main-6] auto [main-7] auto [main-8] auto;
		background-color: #fff;
		color: #444;
	}
	
	.darkbg {
		background-color: #444;
		color: #fff;
		border-radius: 5px;
		padding: 20px;
		font-size: 150%;
	}
	
	.darkbg .lightbg {
		background-color: #ccc;
		color: #444;
	}
	
	.a {
		display: grid;
		grid-template-columns: [sub-1];
		grid-template-rows: [sub-1] [sub-2] [sub-3];
		grid-template-rows: [main-1] auto [main-2] auto [main-3] auto;
		grid-column: main-1;
		grid-row: 1 / 3;
		align-items: center;
	}
	
	.nav {
		font-family: "NugoSansLight";
		margin-top: 0%;
		background-image: url("img/bg3.png");
		color: white;
		padding: 10px;
		padding-left: 30px;
		border-radius: 5px;
		text-align: center;
	}
	.header {
		margin-bottom: 1%;
	}
	
	.one {
		grid-row: 1;
		grid-column: main-1;
		font-size: 180%;
	}
	
	.two {
		grid-row: 2;
		grid-column: main-1;
		font-size: 1rem;
	}
	.linebreak{
        display: block;
	}
	.three {
		grid-row: 1;
		grid-column: main-1;
		text-align: center;
		display: none;
	}
	
	.four {
		grid-row: 3;
		grid-column: main-1;
		font-size: 1.2rem;
		display: block;
	}
	.buttonpadding {
		padding: 1.5% 2.5%;
	}
	.homebutton {
		padding-left: 5%;
		padding-right: 5%;
	}
	.b {
		grid-column: main-1;
		grid-row: 4;
		margin-bottom: 3rem;
	}
	#staffimage {
		/*max-width: max-content;*/
	}
	
	.c {
		grid-column: main-1;
		grid-row: 5;
		margin-bottom: 3rem;
	}
	
	.d {
		grid-column: main-1;
		grid-row: 6;
		margin-bottom: 3rem;
	}
	table {
		margin: 0 auto;
		border-collapse: collapse;
	}
	.e {
		grid-column: main-1;
		grid-row: 7;
		margin-bottom: 3rem;
	}
	
	.f {
		grid-column: main-1;
		grid-row: 8;
		/*
		padding-left: 1%;
		padding-right: 1%;*/
		align-content: center;
		display: grid;
	}
	.team5 {
		grid-column: main-1 / main-10;
		grid-row: 9;
	}
	.h {
		grid-column: main-1;
		grid-row: 9;
		margin-bottom: 3rem;
	}
	
	footer {
	grid-row: row 6;
	grid-column: main-1;
	text-align: center;
	margin-top: 10%;
	}
	
	.Leistungen {
		grid-column: main-1;
		grid-row: 3;
	}

}